<!DOCTYPE html>
<html>
<head>
    <title>写字楼出租_重庆写字楼租赁_出售_投资_办公室_重庆写字楼网|快址网</title>
    <meta charset="utf-8">
    <meta name="description" content="快址专为企业提供重庆写字楼出租，重庆写字楼租赁，重庆办公楼出租，重庆写字楼招商及配套服务。坚持以最快的效率为企业用户匹配最适合的办公场所.办公选址，要快就上快址！">
    <meta name="keywords" content="重庆写字楼出租，重庆写字楼出租租赁，重庆写字楼出租办公楼出租">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no, email=no">
    <link rel="stylesheet" type="text/css" href="/static/common/css/common.css">
    <link rel="stylesheet" type="text/css" href="/static/common/css/kz_firstlist_mobile.css">
    <link rel="stylesheet" type="text/css" href="/static/common/css/excellentHouse.css">
    <link rel="stylesheet" type="text/css" href="/static/common/css/kz_header_mobile.css">
    <link rel="stylesheet" href="/static/common/layui/css/layui.css">
</head>
<body>
<header class="office_header">
    <section class="header">
        <a href="/"><img src="/static/common/mobile_img/mobile_logob.png"></a>
        <a><input type="search" maxlength="10" value="" placeholder="输入楼盘/区域" id="housesSearch1">
            <button onclick="housesSearch(document.getElementById('housesSearch1').value)"><img src="/static/common/mobile_img/list_search.png"></button><!-- a-->
        </a><a id="kz_menu"><img src="/static/common/mobile_img/mobile_meunb.png"></a>
    </section>
    <div class="meum_slide">
         <#include  "include/mobile_navbar.ftl"/>
    </div>
    <nav class="office_nav">
        <a> <span id="region">区域</span>
            <p data-order="0"><img src="/static/common/mobile_img/list_down.png"></p></a>
        <a> <span id="area">面积</span>
            <p data-order="1"><img src="/static/common/mobile_img/list_down.png"></p></a>
        <a><span id="price"> 价格</span>
            <p data-order="2"><img src="/static/common/mobile_img/list_down.png"></p></a>
        <a> <span id="decorate">更多</span>
            <p data-order="3"><img src="/static/common/mobile_img/list_down.png"></p></a>
    </nav>
</header>
<article class="office_article">
    <div class="hidenavdiv">
        <section>
            <a href="/lists/sh/" <#if data.county=='' > class="backcolor" </#if> >不限</a>
    <#list countyList as county>
        <#if county.parent_id==0>
            <a data-order="${county.county_id}" <#if data.county== 'r'+county.county_id > class="backcolor" </#if>>${county.name}</a>
        </#if>
    </#list>
        </section>
        <#list countyList as county>
            <#if county.parent_id==0>
        <section data-parent="${county.county_id}" class="hidesection">
            <a href="/lists/shr${county.county_id}/"   <#if data.tradeArea== ''> class="checka_t" </#if>>不限</a>
        <#list countyList as tradeArea>
            <#if county.county_id==tradeArea.parent_id>
             <a href="/lists/shr${tradeArea.parent_id}t${tradeArea.county_id}/"  <#if data.tradeArea== 't'+ tradeArea.county_id > class="checka_t" </#if> >${tradeArea.name}</a>
            </#if>
        </#list>
        </section>
            </#if>
        </#list>
    </div>
    <div class="hidenavdiv">
        <a href="/lists/sh${data.county}${data.tradeArea}/"   <#if data.area=='' > class="checka_a" </#if>>面积不限</a>
        <a href="/lists/sh${data.county}${data.tradeArea}a1/" <#if data.area=='a1' > class="checka_a" </#if> >100m²以下</a>
        <a href="/lists/sh${data.county}${data.tradeArea}a2/" <#if data.area=='a2' > class="checka_a" </#if> >100-200m²</a>
        <a href="/lists/sh${data.county}${data.tradeArea}a3/" <#if data.area=='a3' > class="checka_a" </#if> >200-300m²</a>
        <a href="/lists/sh${data.county}${data.tradeArea}a4/" <#if data.area=='a4' > class="checka_a" </#if> >300-500m²</a>
        <a href="/lists/sh${data.county}${data.tradeArea}a5/" <#if data.area=='a5' > class="checka_a" </#if> >500-1000m²</a>
        <a href="/lists/sh${data.county}${data.tradeArea}a6/" <#if data.area=='a6' > class="checka_a" </#if> >1000m²以上</a>
    </div>
    <div class="hidenavdiv">
        <a href="/lists/sh${data.county}${data.tradeArea}/" <#if data.price=='' > class="checka_p" </#if> >单价不限</a>
        <a href="/lists/sh${data.county}${data.tradeArea}p1/" <#if data.price=='p1' > class="checka_p" </#if>>50元以下</a>
        <a href="/lists/sh${data.county}${data.tradeArea}p2/" <#if data.price=='p2' > class="checka_p" </#if>>50-80元</a>
        <a href="/lists/sh${data.county}${data.tradeArea}p3/" <#if data.price=='p3' > class="checka_p" </#if>>80-100元</a>
        <a href="/lists/sh${data.county}${data.tradeArea}p4/" <#if data.price=='p4' > class="checka_p" </#if>>100-150元</a>
        <a href="/lists/sh${data.county}${data.tradeArea}p5/" <#if data.price=='p5' > class="checka_p" </#if>>150-200元</a>
        <a href="/lists/sh${data.county}${data.tradeArea}p6/" <#if data.price=='p6' > class="checka_p" </#if>>200元以上</a>
    </div>
    <div class="hidenavdiv">
        <section>
            <a class="backcolor" data-order="1">装修</a>
            <a data-order="2">类型</a>
        </section>
        <section class="showsection">
            <a href="/lists/sh${data.county}${data.tradeArea}${data.price}${data.area}d3/" <#if data.decorate=='d3' > class="checka_d" </#if>>毛坯</a>
            <a href="/lists/sh${data.county}${data.tradeArea}${data.price}${data.area}d2/" <#if data.decorate=='d2' > class="checka_d" </#if>>简装</a>
            <a href="/lists/sh${data.county}${data.tradeArea}${data.price}${data.area}d1/" <#if data.decorate=='d1' > class="checka_d" </#if>>精装</a>
        </section>
        <section class="hidesection">
            <a href="/lists/h1/">写字楼</a>
            <a href="/lists/h4/">联合办公</a>
            <a href="/lists/h2/">工位</a>
            <a href="/lists/sh/">精选房源</a>
        </section>
    </div>
</article>
<!--异步加载房源列表 start-->
<content class="excellent" id="LAY_demo1"></content>
<!--异步加载房源列表 end-->
<script type="text/javascript" src="/static/common/js/jquery.min.js"></script>
<script src="/static/common/js/common.js"></script>
<#--<script src="/static/common/js/common2.js"></script>-->
<script src="/static/common/js/mobilekz.js"></script>
<script src="/static/common/layui/layui.js" type="text/javascript"></script>
<script type="text/javascript">
    var filtrate = ${queryAnalyzerOffice};
    layui.use('flow', function () {
        var flow = layui.flow;
        flow.load({
            elem: '#LAY_demo1', //流加载容器
            isAuto: true,
            done: function (page, next) { //执行下一页的回调
                var time = 500;
                if (page == 1) {
                    time = 0;
                }
                filtrate.page = page;
                setTimeout(function () {
                    var lis = [];
                    $.post('/lists/ajaxFineHouses', filtrate, function (res) {
                        for (var i = 0; i < res.data.length; i++) {
                            var hot = '';
                            var totalRent = "<span>面议</span>";
                            var rent = '<span>面议</span>';
                            if (res.data[i].topCode == 1) {
                                hot = '<img class="excellentimg" src="/static/common/mobile_img/excellent.png"/>'
                            }
                            if (res.data[i].rentMoney != '面议') {
                                rent = '<span>' + res.data[i].rentMoney + '</span>' + res.data[i].rentUnit;
                            }
                            if (res.data[i].rentMoney != '面议' && res.data[i].rentUnit != '元/月') {
                                totalRent = '<span>' + parseInt(res.data[i].rentMoney) * parseInt(res.data[i].coveredArea) + '</span>元/月';
                            } else if (res.data[i].rentUnit == '元/月' && res.data[i].rentMoney != '面议') {
                                totalRent = '<span>' + res.data[i].rentMoney + '</span>' + res.data[i].rentUnit;
                            }
                            lis.push('<a href="/details/h' + res.data[i].houes_id + '.html" target="_blank" class="kz_show_cols">'
                                    + '<div>'
                                    + hot
                                    + '<img class="img" src="' + (JSON.parse(res.data[i].cover_img_path)).maxPath + '">'
                                    + '<h5>' + res.data[i].trade_area_name + '&nbsp;' + res.data[i].building_name + '&nbsp;' + res.data[i].coveredArea + '平方米&nbsp;' + res.data[i].decorate + '</h5>'
                                    + '<p>' + res.data[i].name + '&nbsp;-&nbsp;' + res.data[i].trade_area_name + '</p>'
                                    + '<p>单价' + rent + '</p>'
                                    + '<p>月租金' + totalRent + '</p>'
                                    + '<p>面积<span>' + res.data[i].coveredArea + '</span>m²</p>'
                                    + '<p>装<label class="label">修</label><span>' + res.data[i].decorate + '</span></p>'
                                    + '</div>'
                                    + '</a>'
                            );
                        }
                        next(lis.join(''), page < res.pages);
                    }, 'json')
                }, time);
            }
        });
    });


</script>
</body>
</html>